@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}
#main {
    width: 100%;
    height: 400px;
    position: relative;
}
.pic {
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
}
.pic .show {
    width: 100%;
    height: 400px;
    position: absolute;
    left: 100%;
    top: 0px;
}
.pic .show img {
    height: 318px;
    display: block;
    margin: 0px auto;
}
.btn {
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -99px;
}
.btn ul li {
    list-style: none;
    float: left;
    cursor: pointer;
}
.btn1 {
    background: url("../images/bg_banner_button.png") 0 0;
    width: 23px;
    height: 23px;
}
.btn2 {
    background: url("../images/bg_banner_button.png") -23px 0px;
    width: 23px;
    height: 23px;
}
.btn3 {
    background: url("../images/bg_banner_button.png") -46px 0px;
    width: 23px;
    height: 23px;
}
.btn4 {
    background: url("../images/bg_banner_button.png") -69px 0px;
    width: 23px;
    height: 23px;
}
.btn5 {
    background: url("../images/bg_banner_button.png") -92px 0px;
    width: 23px;
    height: 23px;
}
.btn6 {
    background: url("../images/bg_banner_button.png") -115px 0px;
    width: 23px;
    height: 23px;
}
.btn7 {
    background: url("../images/bg_banner_button.png") -138px 0px;
    width: 23px;
    height: 23px;
}
.btn8 {
    background: url("../images/bg_banner_button.png") -161px 0px;
    width: 23px;
    height: 23px;
}
.btn9 {
    background: url("../images/bg_banner_button.png") -184px 0px;
    width: 23px;
    height: 23px;
}
.btn ul li.bj {
    background-position-y:-23px;
    width: 23px;
    height: 23px;
}